<template>
	<popup
	border-radius="8"
	v-model="show"
	mode="center"
	:mask="true"
	:closeable="true"
	:zIndex="1000"
	:borderRadius="8"
	>
		<view class="flex-y-c pop">
			<image class="icon" src="https://ss.migudm.cn/malleoc/user/ic_faq_chaose_sel@2x.png"></image>
			<view class="title f32">{{title}}</view>
			<view class="message fc-66">{{message}}</view>
		</view>
	</popup>
</template>

<script>
	import popup from "@/common/uView/u-popup";
	export default {
		components: {
			popup
		},
		data() {
			return {
				show: false
			}
		},
		props: {
			title: String,
			message: String
		},
		methods: {
			showPop() {
				this.show = true
			},
			close() {
				this.show = false
			}
		}
	}
</script>

<style scoped lang="scss">
	.pop{
		width: 560rpx;
		height: 416rpx;
		background: #FFFFFF;
		border-radius: 8rpx;
		.icon{
			margin-top: 48rpx;
			width: 148rpx;
			height: 148rpx;
		}
		.title{
			margin-top: 24rpx;
			font-weight: 500;
		}
		.message{
			text-align: center;
			width: 472rpx;
			margin-top: 40rpx;
		}
	}
</style>